Next.jsのMetadata API
https://nextjs.org/blog/next-13-2#built-in-seo-support-with-new-metadata-api
https://beta.nextjs.org/docs/api-reference/metadata
https://beta.nextjs.org/docs/guides/seo
https://nextjs.org/blog/next-13-3#file-based-metadata-api
app/head.tsxだけでなく、app/page.tsx、app/layout.tsxにも<meta>を記述できる
13.3より、file-basedで動的にsitemap、robots、faviconなどを生成できる
静的に指定
code:ts
export const metadata = {
title: '...',
description: '...',
};
動的に指定
generateMetadata()を使う
code:ts
export async function generateMetadata({params}: PageProps, parent: ResolvingMetadata):Promise<Metadata> {
...
return {
title: '...',
description: '...',
};
};